<div class="row full_width">

    <div class="large-2 columns nav__">
        <br />
        <ul class="side-nav nav_ panel">
            <li><h5>Action</h5></li>
            <li class="divider"></li>
            <li class=""><a href="<?php echo site_url('information/view_user/'.$user_id); ?>">Back</a></li>
            <li class=""><a href="<?php echo site_url('information/edit_pass/'.$user_id); ?>">Change Password</a></li>
            <li class=""><a href="<?php echo site_url('information/logout'); ?>">Log-out</a></li>
        </ul>
    </div>
    <br />

    <div class="large-9 push-1 columns panel">
        <h5>Edit Account - <?php echo $name; ?></h5>
        <hr />

        <div class="row">
            <div class="large-12 columns">
                <?php echo validation_errors(); ?>
                <?php echo $error;?>
            </div>
        </div>

        <?php echo form_open_multipart('information/upload/'.$user_id);?>

            <div class="row">
                <div class="large-12 columns">
                    <input type="file" name="u_file" />

                    <input class="button" type="submit" name="submit" value="Replace" />
                </div>
            </div>

        <?php echo form_close(); ?>

        <?php echo form_open('information/edit_user/'.$user_id, 'data-abide') ?>

            <div class="row">
                <div class="large-3 columns">
                    <label class="inline" for="first">First Name:</label>
                </div>
                <div class="large-5 columns">
                    <input type="text" id="first" name="fname" value="<?php echo $fname; ?>" required="" pattern="alpha"/>
                    <small class="error">This is required. Input must only have letters.</small>
                </div>
                <div class="large-4 columns"></div>
            </div>

            <div class="row">
                <div class="large-3 columns">
                    <label class="inline" for="middle">Middle Initial:</label>
                </div>
                <div class="large-5 columns">
                    <input type="text" id="middle" name="minitial" maxlength="1" value="<?php echo $middle_initial; ?>" required="" pattern="alpha"/>
                    <small class="error">This is required. Input must only have letters.</small>
                </div>
                <div class="large-4 columns"></div>
            </div>

            <div class="row">
                <div class="large-3 columns">
                    <label class="inline" for="last">Last Name:</label>
                </div>
                <div class="large-5 columns">
                    <input type="text" id="last" name="lname" value="<?php echo $lname; ?>" required="" pattern="alpha"/>
                    <small class="error">This is required. Input must only have letters.</small>
                </div>
                <div class="large-4 columns"></div>
            </div>

            <div class="row">
                <div class="large-3 columns">
                    <label class="inline" for="address">Address:</label>
                </div>
                <div class="large-5 columns">
                    <input type="text" id="address" name="address" value="<?php echo $address; ?>" required=""/>
                    <small class="error">This is required.</small>
                </div>
                <div class="large-4 columns"></div>
            </div>

            <div class="row">
                <div class="large-3 columns">
                    <label class="inline" for="gender">Gender:</label>
                </div>
                <div class="large-5 columns">
                    <select id="gender" class="medium" name="gender" >
                        <option value="Male">Male</option>
                        <option value="Female">Female</option>
                    </select>
                </div>
                <div class="large-4 columns"></div>
            </div>

            <div class="row">
                <div class="large-3 columns">
                    <label class="inline" for="birthdate">Birthdate:</label>
                </div>
                <div class="large-5 columns">
                    <input type="date" id="birthdate" name="birthday" value="<?php echo $birthday; ?>" required=""/>
                    <small class="error">This is required.</small>
                </div>
                <div class="large-4 columns"></div>
            </div>

            <div class="row">
                <div class="large-3 columns">
                    <label for="box">Bio:</label>
                </div>
                <div class="large-8 columns">
                    <textarea id="box" name="bio" value=""><?php echo $bio; ?></textarea>
                </div>
                <div class="large-1 columns"></div>
            </div>

            <input class="button" type="submit" name="submit" value="Edit" />

        </form>

    </div>

</div>